@border: 1px solid #e8eaed;
@suffix-width: 24px; // 表达式节点后缀部分的宽度
.condition-group-item-wrapper {
  .condition-group-item {
    width: 100%;
    display: flex;
  }

  .logical-operator {
    width: 50px;
    flex-shrink: 0;
    border-right: @border;
    border-top: @border;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .condition-list {
    width: 100%;
  }

  .condition-item {
    border-top: @border;
    padding: 5px;
    padding-right: @suffix-width;
    position: relative;
    &:hover {
      .delete-icon-wrapper {
        display: block;
      }
    }
    .delete-icon-wrapper {
      display: none;
      position: absolute;
      width: @suffix-width;
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
    }
  }

  // 新增空条件的占位符
  .condition-placeholder {
    border: 1px dashed #3685f2;
    background-color: rgba(54, 133, 242, 0.1);
    height: 24px;
  }
}
